#nav-vertical{
    display: none;
    float: left;
    left: 10px;
    min-height: 50px;
    width: 0 !important;
}

.treeview, .treeview ul{ 
    list-style: none outside none;
    margin: 1px;
    padding: 0;
}

.treeview ul{
    background-color: white;
}

.treeview .hitarea{
    background: url("../images/icons/16/plus.gif") no-repeat scroll 5px 50% transparent;
    cursor: pointer;
    float: left;
    height: 18px;
    margin-left: -16px;
    width: 16px;
}
/* fix for IE6 */
* html .hitarea{
    display: inline;
    float:none;
}

.treeview li{ 
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview a.selected{
    background-color: #eee;
}

#treecontrol{ margin: 1em 0; display: none; }

.treeview .hover{ color: red; cursor: pointer; }

.treeview li{  }
.treeview li.collapsable, .treeview li.expandable{  }

.treeview .expandable-hitarea{ background: url("../images/icons/16/minus.gif") no-repeat scroll 5px 50% transparent !important; }

.treeview li.last{ background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable{ background: url("../images/icons/16/minus.gif") no-repeat scroll 5px 50% transparent; }  
.treeview li.lastCollapsable{ background-position: 0 -111px }
.treeview li.lastExpandable{ background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea{ }

.treeview-red li{ background-image: url(../images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable{ background-image: url(../images/treeview-red.gif); } 

.treeview-black li{ background-image: url(../images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable{ background-image: url(../images/treeview-black.gif); }  

.treeview-gray li{ background-image: url(../images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable{ background-image: url(../images/treeview-gray.gif); } 

.treeview-famfamfam li{ background-image: url(../images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable{ background-image: url(../images/treeview-famfamfam.gif); } 


.filetree li{ padding: 0 0 0 16px; }
.filetree span.directory, .filetree span.file{
    color: #333333 !important;
    display: block;
    font-size: 12px;
    padding: 2px 0 1px 22px;
}

.filetree span.directory{ background: url(/images/icons/20x20/folder_open.png) 0 0 no-repeat;}
.filetree li.expandable span.directory{ 
    background: url("/images/icons/20x20/folder_closed.png") no-repeat scroll 0 0 transparent;
    height: 15px;
}

.filetree span.file{ 
    background: url("../images/icons/32/page_white_picture.png") no-repeat scroll 0 3px transparent;                      
    margin-top: 5px; 
}

#folder_side_bar{
    -moz-border-radius: 5px 5px 5px 5px;
    border: 1px solid #CCCCCC;
    float: left;
    height: 300px;
    margin-top: 40px;
    overflow: auto;
    position: relative;
    width: 30%;
}

#folder_panel{
    border: 1px solid #CCCCCC;
    overflow: auto;
    position: relative;
    width: 100%;
}

#folder_heading{
    background-color: #B9B9B9;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    text-align: left;
    width: 100%;
}

#folder_content{
    float: left;
    width: 100%
}

#folder_actual_content{
    font-size: 12px;
    padding: 0;
}

.depth_1 span{
    margin-left: 20px;
}

.depth_2 span{
    margin-left: 40px;
}

.depth_3 span{
    margin-left: 60px;
}

#folder_actual_content li{
    overflow: auto;
}

#folder_heading_name{
    float: left;
    height: 20px;
    padding: 2px 5px 0 7px;
    width: 510px;
}

#folder_heading_size{
    border-left: 1px solid #FFFFFF;
    float: left;
    height: 20px;
    padding: 5px;
    width: 100px;
}

#folder_heading_date_modified{
    border-left: 1px solid #FFFFFF;
    float: left;
    height: 20px;
    padding: 5px;
    width: 150px;
}

.folder_actual_name{
    float: left;
    height: 20px;
    padding: 5px 5px 0 7px;
    width: 510px;
}

.file_actual_name{
    float: left;
    height: 20px;
    padding: 2px 5px 0 7px;
    width: 510px;
}

.current_directory{    
}

li.selected{
    border-color: #D9D9D9;
    background-color: #E6E6E6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 2;
}

#folder_actual_content .odd{
    background-color: #F3F3F3;
    border-top: 1px solid #FFFFFF;
}

#folder_actual_content .even{
    background-color: #E9E9E9;
    border-top: 1px solid #FFFFFF;
}

#folder_actual_content .added{
    background-color: #A3DB67 !important;
}

.folder_actual_name span{
    cursor: pointer;
    cursor: hand;
    display: block;
    padding-left: 22px;
    padding-top: 1px;
    margin-top: -4px;
}

.folder_actual_name span.closed{
    background: url("/images/icons/20x20/folder_closed.png") no-repeat scroll 0 0 transparent;
}

.folder_actual_name span.open{
    background: url("/images/icons/20x20/folder_open.png") 0 0 no-repeat;
}

.file_actual_name span{
    display: block;
    height: 20px;
    padding-left: 22px;
    padding-top: 3px;
}

.file_actual_name span.generic{
    background: url("/images/icons/16x16/generic.png") no-repeat scroll 0 3px transparent;
}

.file_actual_name span.pdf{
    background: url("/images/icons/16x16/pdf.png") no-repeat scroll 0 3px transparent;
}

.file_actual_name span.doc{
    background: url("/images/icons/16x16/word.png") no-repeat scroll 0 3px transparent
}

.file_actual_name span.excel{
    background: url("/images/icons/16x16/excel.png") no-repeat scroll 0 3px transparent;
}

#new_directory_holder{
    display: none;
    padding-left: 5px;
}

.listing_parent_id{
    display: none !important;
}

#new_directory_holder div{
    background: url("/images/icons/20x20/folder_closed.png") no-repeat scroll 0 0 transparent;
    height: 17px;
    padding-bottom: 5px;
    padding-left: 28px;
    padding-top: 5px;
}

.folder_actual_size{
    border-left: 1px solid #FFFFFF;
    float: left;
    height: 15px;
    padding: 5px;
    width: 100px;
}

.folder_actual_date_modified{
    border-left: 1px solid #FFFFFF;
    float: left;
    height: 15px;
    padding: 5px;
    width: 150px;
}

.file_actual_size{
    float: left;
    height: 15px;
    padding: 5px;
    width: 100px;
}

.file_actual_date_modified{
    float: left;
    height: 15px;
    padding: 5px;
    width: 150px;
}

#folder_actions{
    height: 40px;
    position: relative;
    width: 100%;
}

#folder_actions #files-breadcrums{
    left: 0;
    position: absolute;
    top: 10px;
}

#folder_actions .sf_admin_actions{
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 0;    
}

#folder_actions ul.sf_admin_actions li{
    margin-left: 5px !important;
    margin-right: 0 !important;
}

#storage_usage{
    color: #666666;
    float: left;
    font-size: 13px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.breadcrumb{
    font-size: 12px;
    height: 20px;
    margin-bottom: -25px;
}

a:link, a:visited{
    color: #4B7092;
    text-decoration: none;
}

#no_files{
    padding: 5px;
}
